input :active,input:focus,input:visited,textarea:active,textarea:focus,textarea:visited { outline:none; }
body { background:#fff; }
/*锟揭诧拷锟斤拷系锟睫革拷为锟斤拷锟斤拷锟侥硷拷图锟斤拷*/
/* Wrapper */
.set_12_icon-button { cursor: pointer;display: inline-block; position: relative;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; text-decoration:none;}
/* Circle */
.set_12_icon-button span {border-radius: 0;display: block;height: 0;left: 50%;margin: 0;position: absolute;top: 50%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;width: 0;}
.set_12_icon-button:hover span { width: 48px; height: 48px; margin: -1.5rem; }
.twitter span {background-color: #55acee;}
.facebook span {background-color: #3b5999;}
.youtube span {background-color: #dd4b39;}
.linkedin span {background-color: #007bb6;}
.envelope span {background-color: #11598b;}
.arrow-up span { background-color:#c4261d }

/* Icons */
.set_12_icon-button i {background: none;color: #fff !important;height: 48px;left: 0; position: absolute;top: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;width:48px; z-index: 10;}
.set_12_icon-button .fa fa-twitter{color: #4099ff !important;}
.set_12_icon-button .fa fa-facebook{color: #3B5998;}
.set_12_icon-button .fa fa-google-plus {color: #db5a3c;}
.set_12_icon-button:hover .fa fa-twitter,
.set_12_icon-button:hover .fa fa-facebook,
.set_12_icon-button:hover .fa fa-linkedin,
.set_12_icon-button:hover .fa fa-pinterest-p,
.set_12_icon-button:hover .fa fa-google-plus {color: #fff !important;}

.right-link a { display:block; height:48px; text-align:center; color:#fff; font-size:20px; background-color: #1c97d2; margin-bottom: 1px;}
.right-link a  i { line-height:48px; }
.bottom_le input[type=submit]:hover { background:#11598b!important; transition:all 0.50s ease-in-out; }


/*锟斤拷锟斤拷锟斤拷系锟斤拷锟斤拷*/
.right-contract { position: fixed; right: 50px; bottom: 50px; }
/*.right-contract  .first { height: 80px; width: 80px; background-color: rgba(1, 127, 246, 0.6); border-radius: 50%; }
.right-contract  .first  .second { width: 66px; height: 66px; border-radius: 50%; background-color: #017FF7; position: absolute; top: 50%; margin-top: -33px; left: 50%; margin-left: -33px; }*/
.right-contract  .first { animation:rotating 12s linear infinite; height: 80px; width: 80px; position:relative; border-radius:150px;background:-webkit-linear-gradient(to bottom right, #4e6e7d, #fff,#8098a5);background:-o-linear-gradient(to bottom right, #4e6e7d, #fff,#8098a5);background:-moz-linear-gradient(to bottom right, #4e6e7d, #fff,#8098a5); background: linear-gradient(to bottom right, #4e6e7d, #fff,#8098a5); display:flex; /*justify-content:center; align-items:center;*/ }
.right-contract  .first  .second { animation: anti-rotating 12s linear infinite; position:absolute;width:80%; height:80%; border-radius:50%; background:-webkit-linear-gradient(to bottom,#93a5ad, #666,#d5e2e8);background:-o-linear-gradient(to bottom,#93a5ad, #666,#d5e2e8);background:-moz-linear-gradient(to bottom,#93a5ad, #666,#d5e2e8); background: linear-gradient(to bottom,#93a5ad, #666,#d5e2e8); top: 50%; margin-top: -32px; left: 50%; margin-left: -32px; }
.right-contract  .first  .second .comments { position: absolute; font-size: 36px; top: 50%; margin-top: -18px; left: 50%; margin-left: -18px; color: #fff; }
.right-contract  .sn-bubble { background: url(../img/bubble.png) center 2px; width: 80px; height: 80px; background-size: 80px 80px; display:block; }

@keyframes widgetPulse{0%{transform:scale(0.8,0.8);opacity: 0.1;}100%{transform:scale(1.3,1.3);opacity: 0.1;}}
@keyframes rotating{from{transform:rotate(0)} to{transform:rotate(360deg)}}
@keyframes anti-rotating{ from{transform:rotate(360deg)} to{transform:rotate(0)}}
.widget-pulse{ width: 76px;height: 76px;position: absolute; border-radius: 50%; border: 2px solid #017ff7;animation: widgetPulse infinite 1s; z-index: -1; }
	
.right-comments { position:fixed; bottom:20px; right:5px; background-color: #f7f9fa; border: 1px solid #ddd; border-radius: 5px; right: -210px; z-index: 9; }
.right-comments .head-title { padding:15px; position:relative; }
.right-comments .head-title  span { font-size:16px; color:#1c97d2; }
.right-comments .head-title  a { float:right; margin-right:5px; display:block; }
.right-comments .head-title  a i { font-size: 20px; color: #1c97d2; }
.right-comments .comments-box { padding: 20px; padding-top:0px; padding-bottom: 0px; }
.right-comments .comments-box  ul li  { margin-bottom:15px;  }
.right-comments .comments-box  ul li:last-child { margin-bottom:10px; }
.right-comments .comments-box  ul li input { padding:2px; border:1px solid #ddd; height:26px; border-radius:5px; width:158px; }
.right-comments .comments-box  ul li input[type=text]:hover,
.right-comments .comments-box  ul li input[type=text]:focus,
.right-comments .comments-box  ul li textarea:hover,
.right-comments .comments-box  ul li textarea:focus { border: 1px solid #1797d4; color: #1797d4; transition: all 0.30s ease-in-out; box-shadow: 0 0 10px #bde0f1; }
.right-comments .comments-box  ul li textarea { height:60px; resize: none; border-radius: 5px; border:1px solid #ddd; width: 160px; }
.right-comments .btn-box  { padding: 15px; padding-top: 10px; border-top: 1px solid #ddd; text-align: right; }
.right-comments .btn-box input { padding: 5px 10px; border-radius: 5px; background-color: #1797d4; color: #fff; margin-right: 5px; }

/*NewCenter 锟揭诧拷说锟斤拷锟絟over效锟斤拷*/
.n_menu_2 p:hover a { color: #c0c0c0!important; transition: all 0.50s ease-in-out;  text-decoration: underline; }
.n_menu_2 p.hov2  a { color: #c0c0c0!important; }

/*锟斤拷系锟斤拷锟斤拷页锟斤拷锟睫革拷*/
.right_tit { float: inherit; float: initial; }
.sn-msg {padding-top: 25px; padding-left: 20px; border-bottom: 1px solid #ddd; padding-bottom: 25px; /* display: flex; */ /* flex-direction: row; */ /* float: left; */ /* display: inline-block; */ overflow: hidden }
.sn-msg .sn-block { display: inline-block; float: left; width: 50%; }
.sn-msg ul li.sn-item { margin-bottom:10px; }
.sn-msg ul li  div { padding:5px; border: 1px solid gray; width: 190px; height: 30px; line-height: 30px; background-color: #eee; font-size: 12px; color: #333; font-weight: bold; }
.sn-msg ul li  a { color: #1c97d2;  }
.sn-msg ul li  div a { display: inline-block; margin-left: 10px; }
.sn-msg ul li  div a:hover { color:#00a8f9; text-decoration: underline; transition:all 0.30s ease-in-out; }
.sn-msg ul li >span { margin-right:10px; }

.sn-msg .sn-detail .headtitle { font-size: 18px; color: #333; font-weight: bold; margin-bottom:10px; display:block; }
.sn-msg .sn-detail .subtitle { color: #1c97d2; font-size: 16px; }
.sn-msg .sn-detail p  { margin-bottom:5px; word-break: break-word; white-space: nowrap; }
.sn-msg .sn-detail p i { display: block; float: left; margin-right: 10px; line-height: 22px; font-size: 16px; color: #1c97d2; }

/*feedback 锟斤拷锟斤拷锟斤拷锟�*/
.feedback { background-color: #f1f1f1; padding: 15px 30px; margin-top: 5px; border: 1px solid #ccc; }
.feedback dl.sn-form { width: 420px; }
.feedback dl.sn-type { width: 420px; }
.feedback dl.sn-type dd { padding-left:30px; }
.feedback dl.sn-type dd  label { display: block; width: 100%; margin-bottom: 10px; }
.feedback dl.sn-type dd  span { margin-bottom:15px; }
.feedback dl dd { width:auto; }
.feedback dl dd span { width:auto; }
.feedback dl dd p { width:100px; }
.dis_button2 { margin-left:100px; }


/*
product.php FQA锟斤拷锟斤拷锟斤拷式锟斤拷锟铰碉拷锟斤拷 
edit date :2019-06-18
*/
.right_tit { background: url(../img/fgx4.jpg) repeat-x left bottom; margin-top: 2px;float: left; width: 100%;  border-bottom:none; }
.right_tit h5 { float: left; font-size: 18px; padding: 0px 20px 0px 0px; line-height: 45px; border-bottom: 1px solid #5d98e1; color: #5d98e1; }
.right_tit .fa_search_box { height: 30px; border: 1px solid #ddd; border-radius: 5px; position: absolute; overflow: hidden; top: 30px; right: 0px;  }
.right_tit .fa_search_box  p { display:block; position:relative; padding-right: 35px; width: 165px; height: 30px; }
.right_tit .fa_search_box input { padding-left: 5px; height: 100%; float: left; width: 160px; line-height: 30px; }
.right_tit .fa_search_box .fa_search_i { background: url(../img/ss_an.png) no-repeat center; display: block; height: 30px; width: 35px; position: absolute; top: 0px; right: 0px; border-left: 1px solid #ddd; cursor: pointer; }
.support_a li .fa_list { overflow:hidden; } 
.support_a li .fa_p { background:none; position:relative; }
.support_a li .fa_p .fa_a { position: absolute; height: 20px; width: 20px; left: 2px; top: 10px; z-index: 99; }
.support_a li .fa_p .fa_a.fa_r { background: url(../img/sjx3.png) no-repeat center; }
.support_a li .fa_p .fa_a.fa_d { background: url(../img/sjx4.png) no-repeat center; }
.support_a li .fa_detail_box { background:#f8f8f8; display:none; padding: 10px 36px; border-top: 1px dashed #ddd; padding-top:30px; position: relative; }
.support_a li .fa_detail_box .fa_view { display: block; position: absolute; top: 10px; right: 20px; line-height: initial; color: #1c97d2; font-family:Microsoft YaHei; }
.support_a li .fa_detail_box p { background:none; float:none; width:auto; padding:0; text-overflow: text-overflow: inherit; white-space: inherit; }
.support_a li .fa_detail_box span { float:inherit; line-height:30px; }
.support_a li .fa_detail_box li { float: inherit; width: auto; line-height: 30px; border-bottom: none; }

.products_b_tit { width: 900px; }
.products_b_tit a:hover { background: #7bc5e8; color: #FFF; text-decoration: none; }
.products_b_tit a.hov6:hover { background: #0d86bf url("../img/x3.jpg") repeat-x left bottom; }

/*Online Demo*/
.support_a li.li_play { min-height: 170px; width: 235px; background-color: #fff; margin: 15px; padding-left: 170px; position: relative; border: 1px solid #ddd; }
.support_a li.li_play .img_box { position: absolute; left: 0px; overflow: hidden; top: 0px; height: 89%; width: 150px; padding: 10px; border-right: 1px solid #ddd; margin: 0 auto; margin-right: -75px; }
.support_a li .sn_play { padding-left: 20px; padding-top: 15px; padding-bottom: 15px; overflow: hidden; background-color: #f1f1f1; font-size:14px; }
.support_a li .sn_play  span { line-height:20px; float:left; display:inline-block; width:100%; }
.support_a li .sn_play  span.title { font-size:16px; color: #1c97d2; }
.support_a li .sn_play  p { float: initial; width: auto; background: inherit; overflow: initial; padding: 0; }
.support_a li .sn_play  a { line-height: 25px; display: inline-block; margin: 0px; padding: 0px; float: left; }
.support_a li .sn_play  a.btn { height:30px; width:110px; margin-top: 10px; }


/*-----------------*/
/***** Apollo *****/
/*-----------------*/
.li_play .img_box img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

.li_play .img_box::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	z-index:9;
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.li_play:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.li_play:hover .img_box::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}



/*
=================================================================
support videos 锟斤拷锟斤拷
=================================================================
*/
.support_a li.s_videos .dynamics_con { margin:0px; }
.support_a li.s_videos { line-height: 116px; width: 276px; border-bottom: none; margin: 0 0 20px 20px; }
.support_a li.s_videos p { background: none; padding: 0px; width: auto; }
.support_a li .img_box { display: inline-block; width: 160px; height: 96px; float: left; margin: 10px 0px 10px 0px; overflow: hidden;  }
.support_a li .img_box img { height: 100%; width: auto; }
.support_a li .s_cont { display:inline-block; margin-left: 25px; float:left; }
.support_a li .s_date { display:inline-block; float:right; float:right; }


#top ul li #drop-down { box-shadow:none; }
#top ul li #product dl { float: left; margin: 0px 20px 0 0; color: #fff; padding: 10px 0px; }
#top ul li #drop-down dl dd a { line-height: normal; }
#top ul li #drop-down dl { min-height:105px; }
#top ul li #drop-down dl dd { margin-bottom: 5px; }

/*pro_detail 同系锟叫诧拷品*/
.products_2 { min-height: 245px; float: left; }
.products_2 ul li { display: inline-block; }
.products_2 ul li .s_title { padding: 5px 0px; display: block }
.products_2 ul li .s_cont { width: 165px; margin-left: 20px; }
.products_2 ul li .s_img { display: block; height: auto; width: 156px; border: 4px solid #1c97d2; margin-bottom: 5px; background-color: #f1f1f1; }
.products_2 ul li .s_img img { display: block; position: relative; overflow: hidden; height: 100%; width: 100%; }


/*
=====================================================================
锟斤拷锟斤拷锟斤拷站锟斤拷式
=====================================================================
*/
#top { box-shadow: 0 0 20px rgba(0,0,0,0.2); position: fixed; height: 75px; top: 0px; left: 0px; z-index: 999; }
#top h1 { margin: 8px 0 0 0; }
#top h1 img { height:60px; }
#top ul li a { line-height: 75px; }
#top ul li #drop-down { top:75px; }
#top.smaller { box-shadow: 0 0 20px rgba(0,0,0,0.2); }
#top.smaller h1 { margin: 8px 0 0 0; }
#top.smaller h1 img { height:60px; }
#top ul li:last-child:hover:before { height:75px; }


.main { background:#fff; }
#banner { height:550px; }
.slide-main { height:550px; }
.slide-box, .slide { height:550px; }
.slide { height:550px; }  
.item {  top: 500px; }

.inewsbg { background: url(../img/inewsbg.jpg) repeat-x; height: 38px; width: 100%; min-width: 1200px; float:left; }
.inewsbg  .inews { height: 38px; width: 1200px; margin: 0 auto; }
.inewsl { float: left; height: 38px; width: 935px; }
.inewsl1 { float: left; background: url(../img/sjx3.png) no-repeat left; line-height: 38px; height: 38px; color: #216ece; padding-left: 15px; padding-right: 14px; }
.inewsl2 { background: url(../img/indexsx.jpg) no-repeat 0 8px; height: 36px; width: 2px; float: left; margin-top: 1px; }
.inewsl3 { height: 38px; line-height: 38px; float: left; color: #666; padding-left: 8px; overflow: hidden; }
.inewsl3 a { color: #666; font-size: 13px; } 
.inewsl3 span { line-height: 38px; color: #666; font-family: arial; padding-left: 15px; font-size: 13px; }

.i_plan_tit { float: left; width: 100%; line-height: 55px; }
.i_plan_tit p { float: left; font-size: 16px; color:#333; width:285px; margin-right:20px; }

.g_i_con { margin-top: 20px;     height: auto; }
.g_i_con  .i_con_pic { width:283px; float: left; margin-right: 20px; transition: all 0.30s ease-in-out; box-shadow: 0 0 10px #e8e8e8; border: #e8e8e8 solid 1px; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 5px 5px rgba(0,0,0,.1); -ms-box-shadow: 0 5px 5px rgba(0,0,0,.1); box-shadow: 0 2px 10px rgba(0,0,0,.1); }
.g_i_con .i_con_a_le { width: 120px; }
.i_con_a_ri { width: 160px; padding:0px; }
.i_con_a_ri span { display: block; padding-top: 5px; margin-left: 15px; font-size:12px; }

#bottom { background: #eeeeee; }
.bottom_ri dl dt { color: #333; font-weight: bold; background: url(../img/fgx.jpg) repeat-x left bottom; }
.bottom_ri dl dt p { color: #333; padding: 0 10px 0 0px; border-bottom: 1px solid #333; line-height: 35px; float: left; font-size: 15px; }
.bottom_ri dl dd a { color: #000; }
.bottom_ri dl dd a:hover { color:#216ece }
#copyright { background:#2c2c2c; color:#fff; }
.bottom_le { width:200px; } 
.bottom_le h2 { float: right; width: 100%; margin: 0 0 15px 0; }
.bottom_le dl { float: right; width: 122px; margin: 0 35px 0 0; }
.bottom_le dl dt { float: left; width: 106px; background: #fff; padding: 8px; margin: 0 0 5px 0; }
.bottom_le dl dd { float: left; width: 100%; line-height: 30px; text-align: center; color: #000; }

.location { width:100%; background:#f2f2f2; line-height: 50px; padding:0px; margin:0px; }
.location .s_location { width:1200px; margin:0 auto;}
.location .s_location .s_icon { background: url(../img/ico_2.png) no-repeat 0 center; display: block; height: 20px; width: 15px; float: left; margin-top: 15px; margin-right: 5px;  }
#n_content { margin:0px; }

/*锟斤拷锟斤拷 页锟斤拷锟睫革拷*/
.content { width: 1200px; padding:0px; margin: 20px 0px; margin-bottom: 30px; }
.left { width:260px; }
.left .left_tit { background: #5d98e1; height: 38px; border-bottom: none; margin-top: 10px; }
.left .left_tit h5 { color: #FFF; padding-left: 15px; line-height: 38px; border: none; font-size: 18px; }
.left .n_menu_2 p a { padding: 0 15px 0 30px;  background: url(../img/sjx3.png) no-repeat 15px center; color: #666; }
.left .n_menu_2 p.hov2 a { color: #3483e5!important; }
.n_menu_2 { margin-top:10px; }
.n_menu_2 p { float: left; line-height: 35px; color: #666; font-size: 14px; border-bottom: #f0f0f0 solid 1px; background:#fff; border-top: none; }
.n_menu_2 span { width: 238px; padding-left: 22px; border:none; border-bottom: #f0f0f0 solid 1px; background: url(../img/sjx3.png) no-repeat 5px center; color: #666; }

.n_menu_2 .menu_head:hover a { color:#666; text-decoration:underline; }
.n_menu_2 span.current { background: url(../img/sjx4.png) no-repeat 0px center; color: #3483e5; }
.n_menu_2 span.current a { color: #3483e5; }
.n_menu_2 div { width: 230px; background: #f6f6f6; }
.n_menu_2 div a { color: #999; line-height:25px; }
.n_menu_2 div a:hover { color:#666; text-decoration:underline; }
.n_menu_2 div a.hov5 { color: #3483e5; text-decoration: none; }
.n_menu_2 span a { color: #666; }
.right { width:900px; }
.products_b_con { margin:0px; }
.pro { float: left; width: 280px; margin: 20px 30px 20px 0px; position: relative; border:none; }
.pro p { float: left; width: 278px; height: 209px; overflow: hidden; border: 1px solid #ddd; position: relative; background: none;}
.pro p img { width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.pro dl { float: left; width: 100%; margin: 10px 0; }
.pro dl dt { float: left; width: 100%; line-height: 38px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro dl dd { float: left; width: 100%; line-height: 28px; height:auto; }
.pro dl dd a.sn-btn{ float: left; padding: 0 25px; border: 1px solid #ddd; height: 30px; line-height: 30px; text-align: center; border-radius: 18px; margin: 15px 0 0 0; font-size: 12px; }
.pro dl dd a.sn-btn:hover { border: 1px solid #216ece; color: #216ece; text-decoration: none; transition: all 0.30s ease-in-out; box-shadow: 0 0 10px #bde0f1; }

.n_menu { float: left; width: 100%; margin-top: 10px; }
.n_menu p { float: left; width: 238px; height: 35px; padding-left: 22px; background: url(../img/sjx3.png) no-repeat 10px 14px; border-bottom: #f0f0f0 solid 1px; border-top:0px; line-height:35px; }
.n_menu p a { width: 100%; float: left; line-height: 35px; color: #666; font-size: 14px; padding: 0px; }
.n_menu p.hov2{ background: url(../img/leftico2.png) no-repeat no-repeat 10px 14px; }
.n_menu p.hov2 a { color: #3483e5;  background:none; }
.n_menu p:hover a { background:none; text-decoration:underline; }